<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./css/main.css">
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./css/iconfont/iconfont.css">
  <title>首页</title>
</head>

<body>
  <!-- 头部 -->
  <div class="home-nav">
    <div class="l clear">
      <img src="./img/nav.png" alt="">
      <div class="title">
        <div>中职教师研修平台</div>
        <div>TEACHERS DEVELOPMENT</div>
      </div>
    </div>
    <ul class="home-list clear">
      <li>
        <a href="./home.html">
          首页
        </a>
      </li>
      <li>
        <a href="./curriculum.html">
          研修课程</a>
      </li>
      <li class="on">
        <a href="./through.html">
          直通大赛</a>
      </li>
      <li>
        <a href="./resources.html">教研资源</a>
      </li>
      <li>
        <a href="./class.html">听课评课</a>
      </li>
      <li>
        <a href="./dialogue.html">对话名师</a>
      </li>
    </ul>
    <!-- 搜索 -->
    <div class="home-search">
      <div class="l">
        <input type="text" placeholder="搜索">
        <i class="icon iconfont icon-icon-"></i>
      </div>
      <div class="home-sign r">
        登录
      </div>
    </div>

  </div>
  <div class="through-banner">
    <img src="./img/banner1.png" alt="">
  </div>
  <div class="through-title">
    超星2018第二届移动教学大赛
  </div>
  <div class="through-list">
    <div class="l">
      <ul id="matchNav">
        <li class="on">大赛简介</li>
        <li>参赛要求</li>
        <li>参赛合约</li>
        <li>参赛事项</li>
        <li>考核评选</li>
        <li>初赛细则</li>
        <li>总决赛细则</li>
        <li>奖项设置</li>
      </ul>
    </div>
    <div class="r">
      课堂教学变革已经成为时代不可逆转的趋势，如何开展职业教育课堂教学变革，创新课堂教学模式？在《教育部关于进一步推进职业教育信息化发展指导意见》（教职成〔2017〕4号文件）中指出“开展信息化环境下的职业教育教学模式创新研究与实践，大力推进信息技术与教育教学深度融合。”
      为此，超星集团职业教育研究院特向全国职业院校教师举办“第二届移动教学大赛暨新时代教师信息化教学技能提升”，以赛促教的方式，帮助教师转变传统教学理念，提升自身信息素养，优化教学过程，提升教学效果。同时，为教师参加教育部全国中等职业学校信息化教学大赛打好基础，提升自身综合能力。
      本次大赛，我们旨在： 本次大赛基于超星学习通教学系统，以“移动 改变教学”为口号，促进各职业院校的教师使用以学习通为主的信息化教学平台/工具开展课堂教学，进行信息化教学实践，提升教师信息化教学水平。 引导各职业院校教师积极运用学习通APP激活课堂教学，应用现代信息技术手段，不断更新教学理念，创新教学模式，提高教学效果。
      探索职业教育移动教学的评价标准，完善移动教学的激励机制，营造移动教学的浓厚氛围，推动移动端教学资源的建设与共享。 评选出一批优秀的基于学习通的课堂教学案例，供更多的院校和一线教师借鉴与参考，助力中国职业教育信息化教育教学改革和实践。
    </div>
  </div>

  <div class="through-information">
    <div class="through-title">
      信息化教学赛事
    </div>
    <div class="ing">
      <div class="l">
        <div class="bottom">正在进行中…</div>
      </div>
      <div class="r">
      </div>
    </div>
    <div class="through-swiper">
      <div class="through-swiper-next">
        <i class="icon iconfont icon-you"></i>
      </div>
      <div class="through-swiper-prev">
        <i class="icon iconfont icon-zuo"></i>
      </div>
      <!-- Swiper -->
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="./img/banner1.png" alt="">
          </div>
          <div class="swiper-slide">
            <img src="./img/banner1.png" alt="">
          </div>
          <div class="swiper-slide">
            <img src="./img/banner1.png" alt="">
          </div>
          <div class="swiper-slide">Slide 4</div>
          <div class="swiper-slide">Slide 5</div>
          <div class="swiper-slide">Slide 6</div>
          <div class="swiper-slide">Slide 7</div>
          <div class="swiper-slide">Slide 8</div>
          <div class="swiper-slide">Slide 9</div>
          <div class="swiper-slide">Slide 10</div>
        </div>
        <!-- Add Pagination -->
        <!-- <div class="swiper-pagination"></div> -->

      </div>
      <!-- Add Arrows -->

    </div>
    <img src="./img/bottomines.png" alt="" class="through-bottom-lines">
  </div>
  <!-- 底部 -->
  <div class="footer-wrap" style="position: relative;z-index: 1111;">
      <div class="footer clear">
        <div class="platform home-nav">
          <div class="l clear">
            <img src="./img/nav.png" alt="">
            <div class="title">
              <div>中职教师研修服务平台</div>
              <div>TEACHERS DEVELOPMENT</div>
            </div>
          </div>
          <div class="bottom">
            <li>Copyright©超星</li>
            <li>客服电话：010—51665380</li>
            <li>京ICP备：10040544号</li>
            <li>
              <img src="./img/g.png" alt="" style="position: relative;top: 3px;"> 京公网安备 11010802021885号</li>
          </div>
        </div>
        <div class="list" style="margin-left: 68px">
          <a href="./curriculum.html">
            <div class="title">研修课程</div>
          </a>
          <ul>
            <li>信息技术</li>
            <li>师德师风</li>
            <li>职教理论</li>
            <li>专业知识</li>
            <li>专业能力</li>
            <li>管理能力</li>
          </ul>
        </div>
        <div class="list" style="margin-left: 65px">
          <a href="./through.html">
            <div class="title">直通大赛</div>
          </a>
          <ul>
            <li>超星2018第二届</li>
            <li>移动教学大赛</li>
          </ul>
        </div>
        <div class="list" style="margin-left: 57px">
          <a href="./resources.html">
            <div class="title">教研资源</div>
          </a>
          <ul>
            <li>图书</li>
            <li>期刊</li>
            <li>专题</li>
          </ul>
        </div>
        <div class="list" style="margin-left: 34px">
          <a href="./class.html">
            <div class="title">听课评课</div>
          </a>
          <ul>
            <li>优势</li>
            <li>用法</li>
            <li>评价</li>
            <li>结果</li>
          </ul>
        </div>
        <div class="list" style="margin-left: 39px">
          <a href="./dialogue.html">
            <div class="title">对话名师</div>
          </a>
          <ul>
            <li>名师简介</li>
            <li>主题简介</li>
          </ul>
        </div>
        <div class="qrcode">
          <img src="./img/qrcodr.png" alt="">
          <div>下载学习通</div>
        </div>
  
      </div>
    </div>
  <!-- <div style="height: 500px;width: 100%;"></div> -->
  <script src="./js/swiper.min.js"></script>
  <script src="./js/jquery-3.3.1.min.js"></script>
  <script>
    $("#matchNav li").click(function () {
      $(this).addClass("on").siblings().removeClass("on");
    })
  </script>
  <script>
    var swiper = new Swiper('.swiper-container', {
      slidesPerView: 3,
      spaceBetween: 30,
      slidesPerGroup: 3,
      loop: true,
      loopFillGroupWithBlank: true,
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.through-swiper-next',
        prevEl: '.through-swiper-prev',
      },
    });
  </script>
</body>

</html>